Miriam Suzanne

CSS Containers, What Do They Know?

A deep-dive introduction to CSS Container Queries. How did Container Queries go from ‘impossible’ to ‘shipping’ after so many years? How do we use them, and what hidden powers do they have? What are CSS containers, and what queries can they respond to? Let’s find out! While the basics look a lot like media queries, and can work as a drop-in replacement for many existing @media rules — there are some key differences to understand, and a lot more power than you might expect. Along the way we’ll encounter CSS fundamentals like normal flow, intrinsic and extrinsic sizing, value resolution, and more. Join me to learn all you need to know about using container queries in your web projects.